<template>
    <div class='history'>
        <van-nav-bar :left-text="title">
            <template #right>
                <van-icon :name="icon" size="18" />
            </template>
        </van-nav-bar>
        <div class="btnBox">
            <button v-for="(v) in btndata" :key="v" class="btn" @click="hisHandler(v)">{{ v }}</button>
        </div>
    </div>
</template>

<script>
export default {
    name: 'notes',
    data() {
        return {
            his: [],
            value: ''
        }
    },
    computed: {},
    components: {},
    created() { },
    beforeMount() {

    },
    mounted() { },
    methods: {
        // handler() {
        //     this.$emit('click', '测试数据');
        // },
        hisHandler(v) {
            this.$bus.$emit('send', v)
        }
    },
    props: {
        icon: {
            default: '',
            type: String
        },
        title: {
            default: '',
            type: String
        },
        btndata: {
            default: '',
            type: Array
        }
    }
}
</script>
<style scoped>
::v-deep .van-nav-bar__text {
    color: #666;
}

::v-deep .van-nav-bar,
.van-icon {
    color: #666;
}

::v-deep .van-nav-bar {
    line-height: 16px;
    background: #eee;
}

::v-deep .van-nav-bar__content {
    height: 30px;
}

.btn {
    border: 0;
    background: #fff;
    padding: 5px 15px;
    margin: 10px 0 10px 10px;
    font-size: 12px;
    border-radius: 15px;
}

.btnBox {
    background-color: #eee;
}
</style>
